@charset "utf-8";

/****  文字大小初始化,使1em=10px *****/

* {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Droidsansfallback", "Microsoft YaHei", sans-serif;
}


body,
div,
ul,
li,
ol,
dl,
img {
	margin: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}

i,
em,
b,
span,
label,
a {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,
ol,
li {
	list-style: none
}

textarea {
	color: #a4a4a4;
}

img {
	border: 0;
}


/** { touch-action: none; }*/

.clearfix:after {
	content: ’’;
	display: block;
	clear: both;
}

.clearfix{
	zoom: 1;
}


/* body背景色 */

.body_c1 {
	background: #f8f8f8;
}

.body_c2 {
	background: #f2f2f2;
}

.body_c3 {
	background: #ededed;
}

.body_f {
	background: #fff;
}


/* 距离控制 */

.com_margin_70 {
	height: 70px;
	width: 100%;
}

.com_margin_50 {
	height: 50px;
	width: 100%;
}

.com_margin_20 {
	height: 20px;
	width: 100%;
}

.com_margin_15 {
	height: 15px;
	width: 100%;
}

.com_margin_10 {
	height: 10px;
	width: 100%;
}

.com_margin_5 {
	height: 5px;
	width: 100%;
}

.com_padd_15 {
	padding: 15px;
}

.com_label span {
	height: 28px;
	display: inline-block;
	border: 1px solid #ddd;
	line-height: 28px;
	border-radius: 3px;
	font-size: 13px;
	color: #6f797e;
	width: 21.2%;
	margin: 1.5% 1.5%;
	text-align: center;
}

.com_padding_15 {
	padding: 15px;
}

.com_padding_15_f {
	padding: 15px;
	background: #fff;
}


/*---------------common样式----------------*/


/*button*/

.com_label .active {
	color: #fff;
	background: #489ef3;
	border: 1px solid #489ef3;
}

.com_label {
	margin: 2%;
}

.com_button {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background: #489ef3;
	border-radius: 3px;
	border: none;
	width: 100%;
	text-align: center;
	/*解决safari浏览器上按钮显示问题*/
	-webkit-appearance: none
}

.com_button2 {
	height: 22px;
	width: 60px;
	line-height: 22px;
	border-radius: 3px;
	font-size: 10px;
	background: #fece5a;
	font-size: 10px;
	text-align: center;
	color: #fff;
}


/*关注*/

.com_follow {
	height: 21px;
	width: 51px;
	color: #60abf5;
	border-radius: 4px;
	display: inline-block;
	border: 1px solid #489ef3;
	text-align: center;
	line-height: 21px;
	font-size: 9px;
	padding: 0px 5px;
}

.com_follow2 {
	color: #FFF;
	background: #489ef3;
	border: none;
}


/*咨询师标签*/

.com_consultant {
	font-size: 10px !important;
	color: #489ef3 !important;
	border: 1px solid #489ef3;
	border-radius: 10px;
	padding: 1px 8px;
	background: #fff;
}


/*查看更多*/

.com_more {
	height: 40px;
	background: #fff;
	text-align: center;
	padding-top: 10px;
}

.com_more a {
	display: inline-block;
	font-size: 12px;
	color: #00a1e9;
	border-radius: 26px;
	border: 1px solid #00a1e9;
	padding: 3px 12px;
}


/*总计提示total*/

.com_total {
	height: 25px;
	text-align: center;
	font-size: 14px;
	color: #a2afb6;
	line-height: 25px;
}


/*导航2*/

.com_head_2 {
	height: 46px;
	background: #fff;
	font-size: 15px;
	color: #919191;
	overflow: hidden;
	line-height: 46px;
	text-align: center;
	position: fixed;
	top: 44px;
	width: 100%;
}

.com_head_2 span {
	width: 50%;
	display: inline;
	float: left;
	width: 50%;
	position: relative;
	z-index: 2;
}

.com_border {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 5;
	width: 50%;
	height: 4px;
	background: #ccc;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}


/*导航3*/

.com_head_3 {
	height: 46px;
	background: #fff;
	font-size: 15px;
	color: #919191;
	overflow: hidden;
	line-height: 46px;
	text-align: center;
	position: fixed;
	top: 0px;
	width: 100%;
}

.com_head_3 span {
	width: 33%;
	display: inline;
	float: left;
	position: relative;
	z-index: 2;
}

.com_wenzhang li {
	margin-bottom: 5px;
	padding: 5px 15px;
	background: #fff;
}

.com_b_border {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 5;
	width: 33%;
	height: 4px;
	background: #ccc;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
}


/*返回头*/

.com_back {
	height: 43px;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 15px;
	line-height: 44px;
	text-align: center;
	position: relative;
}

.com_back h2 {
	font-size: 18px;
	text-align: center;
	display: inline-block;
	color: #000;
}

.com_back img {
	height: 16px;
}

.com_back_a1 {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 2px;
	line-height: 43px;
}

.com_back_a2 {
	position: absolute;
	right: 15px;
	line-height: 44px;
	font-size: 14px;
	color: #489ef3;
}


/*回复*/

.comment_box {
	padding: 15px;
	background: #f8f8f8;
	text-align: center;
	font-size: 15px;
	color: #353535;
	position: relative;
}

.comment_box textarea {
	background: #fff;
	width: 100%;
	min-height: 120px;
	border-radius: 5px;
	margin-top: 10px;
	resize: none;
	border: 1px solid #e2e2e2;
}

.com_pinglun {
	display: inline;
	line-height: 40px;
	font-size: 14px;
}

.com_name_a {
	color: #489ef3;
	margin: 0 5px;
}

.com_name_b {
	color: #489ef3;
	margin: 0 5px;
}

.com_name_c {
	color: #444;
}

.com_close {
	display: inline-block;
	float: left;
	background: url(../../image/mobile/icon_12.png)no-repeat;
	width: 18px;
	height: 18px;
	background-size: 21px;
}

.com_correct {
	display: inline-block;
	float: right;
	background: url(../../image/mobile/icon_11_1.png)no-repeat;
	width: 18px;
	height: 18px;
	background-size: 15px;
}


/*问答收藏*/

.com_wenda {}

.com_wenda li {
	margin-bottom: 3px;
}

.com_wd_box {
	padding: 15px;
	height: 50px;
	background: #fff;
}

.com_wd_box a {
	float: left;
	max-width: 80%;
}

.com_wd_box h3 {
	font-size: 16px;
	color: #141e25;
}

.com_wd_box p {
	font-size: 13px;
	color: #aab6bd;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 30px;
}

.com_wd_box i {
	width: 26px;
	height: 26px;
	background: url(../../image/mobileicon_14.png) no-repeat;
	display: block;
	float: right;
	background-size: 24px 22px;
	margin-top: 12px;
	margin-right: 10px;
}


/*收藏咨询师*/

.com_zixunshi {}

.com_zixunshi li {
	margin-bottom: 3px;
}

.com_zxs_box {
	height: 50px;
	padding: 15px;
	background: #fff;
	margin-bottom: 3 px;
}

.com_zxs_box a {
	display: inline-block;
	float: left;
}

.com_zxs_box img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	float: left;
}

.com_zxs_box span {
	float: left;
	margin-left: 12px;
}

.com_zxs_box h3 {
	font-size: 16px;
	color: #444;
	margin-top: 3px;
}

.com_zxs_box p {
	font-size: 13px;
	color: #aab6bd;
	line-height: 25px;
}

.com_zxs_box i {
	width: 26px;
	height: 26px;
	background: url(../../image/mobile/icon_14.png) no-repeat;
	display: block;
	float: right;
	background-size: 26px 22px;
	margin-top: 12px;
	margin-right: 10px;
}


/* 文章样式 */

.com_a_box {
	display: block;
	display: -webkit-box;
	padding: 15px 15px;
	height: 70px;
	background: #fff;
}

.com_a_box2 {
	display: block;
	display: -webkit-box;
	background: #fff;
}

.com_article_l {
	-webkit-box-flex: 1;
	flex: 1;
}

.com_article_l h3 {
	color: #414141;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
}

.com_article_l p {
	color: #656565;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 26px;
}

.com_article_r {
	margin-left: 15px;
	max-width: 35%;
}

.com_article_r img {
	width: 96px;
	height: 64px;
}

.com_art_span {
	position: relative;
	font-size: 12px;
	color: #a4a4a4;
	display: block;
}

.com_art_name {}

.com_art_num {
	position: absolute;
	top: 0px;
	right: 0px;
}

.com_art_new {}

.com_art_bottom {
	border-bottom: 1px solid #d5d5d5;
	margin: 0px 15px;
}


/*文章样式3 com_art_3*/

.com_art_3 {
	padding: 15px 15px 0px 15px;
	background: #fff;
}

.com_art_box {
	height: 66px;
	position: relative;
	margin: 10px 0;
}

.com_art_box a {}

.com_art_box a img {
	width: 96px;
	height: 64px;
}

.com_art_box div {
	position: absolute;
	left: 110px;
}

.com_art_box_l {
	float: left;
}

.com_art_box_r a {
	font-size: 15px;
	color: #000;
	height: 47px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.com_art_box_r p {
	position: absolute;
	left: 0px;
	top: 48px;
	width: 100%;
}

.com_art_box_r span {
	font-size: 11px;
	color: #a2a2a2;
}

.com_r_sp1 {
	float: left;
}

.com_r_sp2 {
	float: right;
}

.com_r_sp2 img {
	height: 14px;
	width: 15px;
	border: none;
	border-radius: 0px;
	vertical-align: sub;
	margin-right: 5px;
}

.com_r_sp3 img {
	height: 14px;
	width: 15px;
	border: none;
	border-radius: 0px;
	vertical-align: sub;
	margin-right: 5px;
}

.com_r_sp3 {
	float: right;
	margin-right: 15px
}


/*问答公共模块*/

.com_comment {
	padding: 15px 15px 5px 15px;
	background: #FFF;
	margin-bottom: 5px;
}

.com_comment_head {
	height: 36px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 14px;
	color: #3b4247;
	font-weight: 600;
}

.com_comment img {
	width: 24px;
	height: 24px;
	border: 1px solid #eff1ef;
	border-radius: 50%;
	vertical-align: middle;
}

.com_comment .com_com_name {
	font-size: 15px;
	color: #5b666c;
	padding: 0px 7px;
}

.com_comment .com_com_zxs {
	font-size: 10px;
	color: #489ef3;
	border: 1px solid #489ef3;
	border-radius: 10px;
	padding: 1px 8px;
}

.com_com_div1 {
	margin: 10px 0px;
}

.com_comment_p {
	color: #2c353b;
	font-size: 15px;
	padding: 10px 15px;
	background: rgba(46, 63, 123, 0.04);
}

.com_func {
	color: #8d9fa8;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	position: relative;
	padding: 0px 15px;
	text-align: right;
	/*	border-bottom: 1px solid #d5d5d5;
*/
}

.com_func img {
	height: 17px;
	width: 18px;
	border: none;
	border-radius: 0px;
	vertical-align: sub;
	margin-right: 4px;
}

.com_func .praise_sp img {
	height: 16px;
	width: 17px;
}

.com_func_sp {
	margin-right: 15px;
	line-height: 50px;
	display: -webkit-inline-box;
	width: 20px;
}

.com_func .com_func_sp img {
	width: 14px;
	height: 14px;
	margin-bottom: 2px;
}

.com_func_sp1 {
	margin-right: 15px;
	line-height: 50px;
	display: -webkit-inline-box;
}

.com_func_sp2 {}

.com_t_h3 {
	font-size: 15px;
	color: #919191;
	line-height: 45px;
}

.com_func_time {
	position: absolute;
	left: 15px;
}

.com_func .com_delete {
	margin-right: -15px;
	line-height: 45px;
	display: -webkit-inline-box;
	padding-left: 15px;
}


/*fixed*/

.com_fix_par {
	position: fixed;
	bottom: 0px;
	background: #fff;
	width: 100%;
	z-index: 2;
}

.com_fixed {
	height: 48px;
	border-top: 1px solid #ccc;
	line-height: 48px;
	font-size: 14px;
	color: #6b6b6b;
	position: relative;
	padding-left: 10px;
}

.com_fixed .com_func_sp2 {
	position: absolute;
	right: 140px;
}

.com_fixed img {
	width: 18px;
	vertical-align: sub;
	margin-right: 4px;
}

.com_fixed_sp {
	display: inline-block;
	width: 50%;
}

.com_fixed_sp1 {
	position: absolute;
	right: 50px;
}

.com_fixed_sp2 {
	position: absolute;
	right: 0px;
	background: url(../../image/mobile/com_11.png)no-repeat 8px 13px;
	background-size: 20px;
	width: 41px;
	height: 48px;
	line-height: 48px;
}

.com_fixed_sp2_1 {
	background: url(../../image/mobile/com_11_1.png)no-repeat 8px 13px;
	background-size: 20px;
	width: 41px;
	height: 48px;
	line-height: 48px;
}


/*搜索*/

.com_search {
	height: 32px;
	background: #fff;
	padding: 10px 15px 15px 15px;
	display: -webkit-box;
	display: flex;
	border-bottom: 1px solid #e2e2e2;
	border-bottom: 1px solid #f5f5f5;
}

.com_search input {
	background: #f2f2f2;
	border-radius: 5px;
	border: none;
	height: 32px;
	line-height: 32px;
	flex: 1;
	font-size: 13px;
	color: #b3b3b3;
	background: #f8f8f8 url(../../image/mobile/com_search.png)no-repeat 10px;
	background-size: 13px;
}

.com_search span {
	margin-left: 15px;
	font-size: 13px;
	line-height: 32px;
	color: #b3b3b3;
}


/*问答头部*/

.com_top {
	height: 55px;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 99;
}

.com_top h2 {
	line-height: 55px;
	font-size: 20px;
	color: #000;
}

.com_top a {
	position: absolute;
	right: 15px;
	top: 16px;
	background: url(../../image/mobile/com_top.png) no-repeat;
	background-size: 20px;
	height: 20px;
	width: 20px;
}


/*问答头部nav3*/

.com_nav_3 {
	display: flex;
	height: 34px;
	text-align: center;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding-top: 10px;
	background: #fff;
}

.com_nav_3 span {
	flex: 3;
	padding-left: 10px;
	font-size: 16px;
	line-height: 21px;
	height: 21px;
	border-right: 1px solid #e2e2e2;
	color: #676869;
}


/*问答文章 回答*/

.com_question {
	background: #fff;
	margin-top: 5px;
}

.com_box_a {
	display: block;
}

.question_top {
	padding: 15px;
	background: #fff;
}

.question_bottom {
	padding: 20px 15px 30px 15px;
	color: #464646;
	font-size: 13px;
	background: #fbfbfb url(../../image/mobile/com_que_t.png) no-repeat 1px 0px;
	background-size: 100% 8px;
}

.question_bottom div {
	line-height: 20px;
	margin-bottom: 15px;
}

.com_question .question_bottom span {
	font-size: 16px;
	color: #080808;
}

.com_question img {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	vertical-align: middle;
}

.com_question span {
	font-size: 13px;
	color: #272727;
	margin-right: 10px;
	font-weight: 600;
}

.com_question h2 {
	color: #2f2f2f;
	font-size: 17px;
	font-weight: 900;
	line-height: 40px;
}

.question_cont {
	color: #252525;
	font-size: 15px;
}

.com_quetion_label {
	height: 20px;
	line-height: 35px;
}

.com_quetion_label span {
	font-size: 12px;
	color: #999;
}

.question_left {
	float: left;
}

.question_right span {
	float: right;
	font-size: 10px;
	color: #dddddd;
}

#que_sp1 {
	margin-right: 0px;
}

.question_top_p {
	margin-top: 15px;
	line-height: 19px;
}


/*问答回复模块*/

.com_next_reply {
	background: #f6f7fa;
	display: none;
}

.com_next_reply .com_triangle {
	background: #fff;
	height: 12px;
	position: relative;
}

.com_next_reply .com_triangle img {
	height: 12px;
	border: none;
	border-radius: 0px;
	position: absolute;
	right: 77px;
}

.com_reply_con {
	padding: 0px 15px 10px 15px;
}

.reply_text {
	height: 39px;
	background: #fff url(../../image/mobile/com_que_t4.png) no-repeat 12px;
	border: 1px solid #e2e2e2;
	margin: 15px 15px 10px 15px;
	border-radius: 3px;
	background-size: 21px 15px;
	line-height: 39px;
	padding-left: 42px;
	color: #a6b3bb;
}

.com_reply_con p {
	display: inline;
	color: #657076;
	font-size: 14px;
	margin-left: 10px;
}

.com_reply_con span {
	color: #489ef3;
	font-size: 14px;
}

.com_reply_con i {
	color: #374045;
	font-size: 14px;
	padding: 0px 5px;
}

.com_next_close {
	line-height: 50px;
	text-align: center;
	display: block;
	border-top: 1px solid #fff;
	color: #657076;
	font-size: 14px;
}

.com_que_more {
	line-height: 50px;
	display: block;
	text-align: center;
	color: #489ef3;
}


/*评论弹出 回复*/

.com_black {
	background: #000;
	opacity: 0.75;
	width: 100%;
	height:auto;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.com_white {
	background: #fff;
	width: 100%;
	height:auto;
	z-index: 101;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
}

.comment_box {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 0 0 4% 0;
	display: none;
}

.comment_box textarea {
	width: 92%;
	margin-top: 0px;
}

.com_close {
	background: url(../../image/mobile/icon_12.png)no-repeat 15px 8px;
	width: 50px;
	height: 40px;
	background-size: 26px;
}

.com_correct {
	background: url(../../image/mobile/icon_11_1.png)no-repeat 15px 8px;
	width: 50px;
	height: 40px;
	background-size: 19px;
}

.com_footer ul {
	background: #fff;
	width: 100%;
	height: 51px;
	line-height: 25px;
	display: flex;
	border-top: 1px solid #ccc;
	padding: 5px 5px;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

.com_footer ul li {
	float: left;
	flex: 1;
	text-align: center;
	color: #aaa;
	height: 50px;
}

.com_footer ul li.on {
	color: #21B4E8;
}

.com_footer ul li span {
	display: block;
}

.choice_h {
	text-align: center;
	font-size: 18px;
	color: #000;
	background: #fbfbfb;
	line-height: 44px;
}

.choice_h2 {
	line-height: 60px;
	font-size: 13px;
	margin-left: 15px;
}

.choice_box {
	padding: 0px 5px 0px 5px;
}

.choice_box span {
	display: inline-block;
	width: 17%;
	line-height: 40px;
	height: 40px;
	background: #edebed;
	text-align: center;
	margin: 4%;
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
}

.choice_box .choice_box_sp4 {
	font-size: 12.5px;
}

.choice_box .choice_box_sp5 {
	font-size: 10px;
}

.choice_img {
	position: fixed;
	top: 7px;
	right: 10px;
	width: 30px;
	height: 30px;
}

.com_se_fen {
	background: #fff;
	text-align: center;
	font-size: 14px;
	display: none;
}

.com_se_fen span {
	display: block;
	height: 40px;
	background: #fff url(../../image/mobile/com_bg11.png) no-repeat 50%;
}

.com_se_fen p {
	line-height: 40px;
	border-bottom: 1px solid #dbdbdb;
	margin: 0px 15px;
}


/*首页文章*/

.com_news_box {
	height: 62px;
	margin-top: 2.5px;
	background: #fff;
	padding: 10px 15px;
	overflow: hidden;
}

.com_news_box .news_left {
	float: left;
	width: 71.5%;
}

.com_news_box img {
	float: right;
	margin-right: 0px;
	width: 96px;
	height: 64px;
	max-width: 27%;
}

.biaoti {
	height: 40px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}

.com_news_box .news_left .com_news_sp1 {
	color: #979797;
	font-size: 12px;
	/* margin-left: 35%; */
	float: left;
	margin-right: 4%;
}

.com_news_box .news_left .com_news_sp2 {
	color: #979797;
	font-size: 12px;
	/* margin-left: 35%; */
	float: left;
	margin-right: 4%;
}

.com_news_box .biaoti_number {}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loadmore {
	display: block;
	line-height: 50px;
	text-align: center;
	color: #ccc;
	font-size: 14px;
}

.loadmore span {
	height: 20px;
	width: 20px;
	border-radius: 100%;
	display: inline-block;
	margin: 10px;
	border: 2px solid #f60;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: rotate 1.1s infinite linear;
	animation: rotate 1.1s infinite linear;
}

.loadover {
	position: relative;
	margin: 0 12px;
	padding: 24px 0;
	height: 20px;
	line-height: 20px;
	color: #909090;
	text-align: center;
}

.loadover span {
	position: relative;
	display: inline-block;
	padding: 0 6px;
	height: 20px;
	z-index: 2
}

.loadover:after {
	content: ''position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #DCDCDC;
	z-index: 1;
	display: block;
}

.displyStyle {
	display: none;
}

.com_titleTap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.top_title2 {
	height: 50px;
	display: none;
}